<!DOCTYPE html>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<html>
        <div class="container">
                <div class ="row">
                        <div class = "col-lg-12">
                                <h1 class="text-center text-primary">quiz</h1>
                        </div>
                </div>
        <div class = "row">
                <div class = "col-lg-12">
                        <table class = "table table-striped table-bordered">
                                <tr>
                                        <th>stat_id</th>
                                        <th>content_id</th>
                                        <th>timestamp</th>
                                        <th>duration</th>
                                        </tr>

{% for item in body %}
                                <tr>
                                        <td>{{item.stat_id}}</td>
                                        <td>{{item.content_id}}</td>
                                        <td>{{item.timestamp}}</td>
                                        <td>{{item.duration}}</td>
                                </tr>
{% endfor %}

                        </table>

        </div>

        </div>

</html>